import SectionWrapper from "../../SectionWrapper"
import {Card, Col, Divider, Row, Image, Avatar, Button} from "antd";
import {IoIosCheckmarkCircle} from "react-icons/io";
const CardCss = {
    width: "65%",
    height: "100%",
    borderRadius: "0.5rem",
    backgroundColor: "#fff",
    marginBottom: "2rem",
    border: "none",
    display: "grid",  // 注意这里修正了拼写错误
    gridTemplateColumns: "1fr 1fr",  // 修改为10fr和2fr以调整比例
}
const turntoBuy = () => {
    window.history.forward("/get-started")
}
const NetTransfer = () => {
    return (
        <SectionWrapper id="cta" className="pb-0">
            <div style={{
                display: "flex",
                justifyContent: "center",
                alignItems: "center",
            }}>
                <Card hoverable={true} style={{
                    width: "70%",
                    height: "100%",
                    borderRadius: "2.5rem",
                    backgroundColor: "#fff",
                    marginBottom: "2rem",
                }}>
                    <div style={{
                        display: "grid",
                        gridTemplateColumns: "10fr 1fr 10fr",
                    }}>
                        <div style={{padding: "2rem",marginLeft: "2rem"}}>
                            <p style={{
                                fontSize: "28px",
                                fontWeight: 'bold',
                                lineHeight: "44px",
                                marginBottom: "10px"
                            }}>网站迁移</p>
                            <p style={{
                                fontSize: "18px",
                                lineHeight: "30px"
                            }}>厌倦了缓慢且易受攻击的网站？将您的网站迁移到 Next.js、Hugo 或 Astro 等现代框架，以提高性能、安全性和无限可能。</p>
                            <ul style={{fontSize: "20px", lineHeight: "32px"}} className="check-list mt-4">
                                <li><IoIosCheckmarkCircle
                                    style={{color: '#2f54eb', display: 'inline-block', marginRight: '8px'}}/><span>无缝迁移到新框架（NextJs、Vue、React、SvelteKit）</span>
                                </li>
                                <li><IoIosCheckmarkCircle style={{
                                    color: '#2f54eb',
                                    display: 'inline-block',
                                    marginRight: '8px'
                                }}/><span>使用 SEO 保留进行内容迁移</span></li>
                                <li><IoIosCheckmarkCircle
                                    style={{color: '#2f54eb', display: 'inline-block', marginRight: '8px'}}/><span>保证 Google PageSpeed 分数为 95-100%</span>
                                </li>
                                <li><IoIosCheckmarkCircle
                                    style={{color: '#2f54eb', display: 'inline-block', marginRight: '8px'}}/><span>无头 CMS 设置和配置</span>
                                </li>
                                <li><IoIosCheckmarkCircle
                                    style={{color: '#2f54eb', display: 'inline-block', marginRight: '8px'}}/><span>30 天专属技术支持</span>
                                </li>
                            </ul>
                            <Button onClick={turntoBuy} style={{width: "120px",height: "45px",marginTop: "24px",borderRadius: '24px'}} type={"primary"}><p style={{fontSize: "18px"}}>获取报价</p></Button>
                        </div>
                        <div style={{marginTop: "2rem",marginLeft: "2rem"}}>
                            <Divider style={{

                                marginLeft: '1.9rem',
                                borderColor: '#22075e',
                                height: '90%',
                                margin: '0'
                            }} type="vertical"/></div>
                        <div style={{padding: "2.5rem",marginLeft: "2rem"}}>
                            <blockquote style={{fontSize:"18px",width: "82%"}} >在与嵇康工作室合作时，我体验到了真正的合作感。<strong
                            >他们与我过去合作过的其他公司不同的一点是，他们不仅对项目</strong>，而且对我们希望在业务中实现的目标都有深深的责任感。<strong
                            >该团队花了大量时间了解我们的业务、我们的目标以及我们想要实现的目标。这是一段非常顺利的旅程，因为他们总是按时完成并在预算内完成项目。</strong>我强烈推荐
                                嵇康工作室给任何想要一个真正的合作伙伴来增强他们的数字之旅的人。
                            </blockquote>
                            <div style={{marginTop: "1.2rem",display: "flex"}}>
                                <div >
                                    <Avatar style={{display: "inline-block"}} draggable="true" size={72}
                                            src={"https://e-api-bucket.oss-cn-hangzhou.aliyuncs.com/d8355e65-c6f3-4425-b83e-ffa74a9e106b.jpg"}>
                                    </Avatar></div>
                                <div style={{display: "inline-block",marginTop: "5px"}}>
                                    <p style={{
                                        fontSize: "20px",
                                        marginLeft: "0.6rem",
                                    }}><strong>Dicker Liu</strong></p>
                                    <span style={{
                                        fontSize: "16px",
                                        fontStyle: "italic",
                                        marginLeft: "0.6rem",
                                        color:'#8c8c8c',
                                    }}>运营经理</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </Card>
            </div>
        </SectionWrapper>
    )
}

export default NetTransfer